{extend name="property/public/insidePageBase" /}
{block name="title"}住户详情{/block}
{block name="css"}
{__block__}
<style>
    .layui-upload-img-box {
        float:left;
        margin-bottom: 5px;
        margin-right: 5px;
        background: #e0e0e0;
    }
    .layui-upload-img {
        width: 200px;
        height: 50%;
    }
</style>
{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main">
        <div id="print_html" class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">住户姓名</label>
                <div class="layui-input-block">
                    <input type="text" disabled value="{$info['username']}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block">
                    <input type="text" disabled value="{$info['userInfo']['mobile']}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">证件号码</label>
                <div class="layui-input-block">
                    <input type="text" disabled value="{$info['number']}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">证件照片</label>
                <div class="layui-upload-img-box">
                    <img src="{$info['front_file']}" class="layui-upload-img checkPictureByImg">
                </div>
                <div class="layui-upload-img-box">
                    <img src="{$info['back_file']}" class="layui-upload-img checkPictureByImg">
                </div>
            </div>
        </div>
        <div style="text-align: center">
            <button class="layui-btn layui-btn-primary no-print" onclick="print()">打印</button>
        </div>
    </div>
</div>
{/block}
{block name="js"}
{__block__}
{js href="/static/common/js/jQuery.print.js" /}
<script>
    function print(){
        $("#print_html").print({
            noPrintSelector: ".no-print",
        });
    }
</script>
{/block}